﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <script src="jquery.js" type="text/javascript"></script>
    <script src="jquery.metadata.js" type="text/javascript"></script>
</head>
<body>
    <object class="media {src:'/tems/upload/192168.mp3'}" data="[object Object]">
    </object>
    <li class="someclass {some: 'data'} anotherclass">...</li>
    OR
    <li data="{some:'random', json: 'data'}">...</li>
    OR
    <li>
        <script type="data">{some:"json",data:true}</script>
        ...</li>
    <script type="text/javascript">
        $(document).ready(function () {
            alert($(".media").metadata().src);
            alert($('li.someclass').metadata().some);

            var data = $('li.someclass').metadata();
            if (data.some && data.some == 'data') {
                alert('It Worked!');
            }
        });  
    </script>
</body>
</html>
